import React from 'react'
import {Tabs } from 'antd'
import '../style/componentStyle.less'
import ArticleTitleModule from './ArticleTitleModule'

class ArticleList extends React.PureComponent {
  render () {
    return (
      <Tabs
        defaultActiveKey="1"
        items={articleContentCenterList}
        tabBarExtraContent={operations}
      />
    )
  }

}

export default ArticleList

const operations = <a>排行榜</a>

const articleContentCenterList = [
  {
    key: 'attention',
    label: '关注',
    children: 'Content of Tab Pane 1',
  },
  {
    key: 'recommend',
    label: '推荐',
    children: <ArticleTitleModule/>,
  },
  {
    key: 'message',
    label: '资讯',
    children: 'Content of Tab Pane 3',
  },
  {
    key: 'hotSearch',
    label: '热榜',
    children: 'Content of Tab Pane 3',
  },
  {
    key: 'recommendOneself',
    label: '自荐',
    children: 'Content of Tab Pane 3',
  },
  {
    key: 'trend',
    label: '动态',
    children: 'Content of Tab Pane 3',
  },

]
